<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>{{collection.title}}</title>
    <link rel="stylesheet" type="text/css" href="{{static_files}}/style.css">
</head>
<body>
<div id="bodyContent">
    <div class="title">{{collection.title}}</div>
    <div class="stamps">
    {% for record in records %}
        <div class="row">
            <span class="helper"></span>
            {% if record.stamp_image %}
                <a href="{{static_files}}/{{record.stamp_image}}" class="image"><img class="{{record.img_class}}" src="{{static_files}}/{{record.stamp_image}}" alt="{{titles.stamp_image}}"></a>
            {% endif %}
            <span class="top-left">{{record.year}}</span>
            <span class="top-right">{{record.country}}</span>
            <span class="bottom-left">{{record.catalognum1}}</span>
            <span class="bottom-right">
                {{record.denomination}}<br>
                {{record.perforation}} {% if record.perforation_size %}{{record.perforation_size}}{% endif %}
            </span>
        </div>
    {% endfor %}
    </div>
    <div class="footer">Generated by Philatelist {{date}}</div>
</div>
</body>
</html>
